昨天在講自訂事件有提到 gtag.js 和 GTM，但好像還沒有介紹過這兩樣工具，所以今天就花點時間來簡單認識一下它們！

gtag.js 和 GTM 都是和網站分析相關的工具，作為在網站上安裝GA的工具，雖然有相似之處卻與有些重要的差別！

gtag.js

簡介：Google 代碼(gtag.js)是 JavaScript 架構，用在實施GA4標籤或其他 Google 產品的標籤追蹤代碼。它取代之前的Analytics.js 代碼，簡化追蹤代碼的管理和配置，讓網站管理者能夠更輕鬆地收集及分析網站使用者的行為數據，更加精確的獲取成效。

方式：手動管理和配置追蹤代碼的狀況，需要編寫程式來安裝代碼，並且自訂網站資料收集的行為。

GTM (Google Tag Manager)

簡介：Google 代碼管理工具簡寫GTM (Google Tag Manager)，是Google提供的免費網站標籤管理工具，網站管理者可即時部署及修改 Google 和第三方提供的代碼，包含新增刪除和編輯，透過網頁介面輕鬆更新網站或應用程式的代碼，不用去修改網頁的原始程式碼。

方式：不需藉由工程師將程式碼嵌入網頁，行銷人可透過追蹤碼來快速獲得想要的資料。

gtag.js 和 GTM 差異

1. 部署和管理：

   • gtag.js：需要手動添加到網站頁面後，再編寫和配置追蹤代碼。
   • GTM：雲端基礎的標籤管理系統，提供「容器」，不需藉由工程師將程式碼嵌入網頁，行銷人就可透過追蹤碼來快速獲得想要的資料。

2. 版本控制：

   • gtag.js：沒有版本控制功能，因此難以追蹤和管理標籤的歷史更改，需手動維護。
   • GTM：提供版本控制功能，可以追蹤每個標籤容器版本的更改，並輕鬆回到以前的版本，解決問題或還原標籤配置。

3. 複雜性：

   • gtag.js：gtag.js 適合會撰寫程式的開發人員，因為它允許更大程度的自定義和靈活性。
   • GTM：GTM 在配置和管理方面更簡單，適合非技術人員，但對於複雜的需求可能會受到一些限制。

4. 適用範圍：

   • gtag.js：用於實施 GA4 標籤和其他 Google 產品的標籤。適用於較小的標籤集合和基本的追蹤需求。
   • GTM：用於管理複雜的標籤集合，包括各種分析、廣告和第三方標籤，適用於廣泛的追蹤和分析需求。